<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
    <head>

        <!-- Basic Page Needs
  ================================================== -->
        <meta charset="utf-8">
        <title>Your Page Title Here</title>
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Mobile Specific Metas
  ================================================== -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

        <!-- CSS
  ================================================== -->
        <link rel="stylesheet" href="css/style.css">
        <link href="css/jquery.selectbox.css"  rel="stylesheet" />

        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->


    </head>
    <body>
        <form method="post">
            <div class="container">
                <header>
                    <div class="top-header">
                        <div class="page-content clearfix">
                            <a href="#" class="logout">
                                <span></span>
                                Logout 
                            </a>
                            <div class="user-name">
                                Welcome, Joseph
                            </div>
                            <input type="submit" value="">
                            <input type="text" placeholder="Search">

                            <div class="news-ticker-title">اخر الاخبار</div>
                            <div class="news-list">
                                <ul>
                                    <li>
                                        <a href="news.html">
                                            الاستخبارات الأمريكية: ظهور جماعة في سوريا لا تقل خطورة عن" داعش" - موقع الأخبار اليوم

                                        </a>
                                    </li>
                                    <li>
                                        <a href="news.html">
                                            لوريم إيبسوم هو ببساطة نص شكلي مايكر"  والتي حوت أيضاً على نسخ من نص لوريم .

                                        </a>
                                    </li>
                                    <li>
                                        <a href="news.html">
                                            لوريم إيبسوم هو ببساطة نص شكلي مايكر"  والتي حوت أيضاً على نسخ من نص لوريم .

                                        </a>
                                    </li>
                                    <li>
                                        <a href="news.html">
                                            لوريم إيبسوم هو ببساطة نص شكلي مايكر"  والتي حوت أيضاً على نسخ من نص لوريم .

                                        </a>
                                    </li>
                                    <li>
                                        <a href="news.html">
                                            لوريم إيبسوم هو ببساطة نص شكلي مايكر"  والتي حوت أيضاً على نسخ من نص لوريم .

                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="page-content clearfix">
                        <h1 class="logo">
                            <a href="#">
                                FUEBOOK
                                <span></span>
                            </a>
                        </h1>
                        <a href="#" class="website-name"></a>

                        <div class="quote">
                            <span class="quote-left"></span>
                            <span class="quote-right"></span>
                            In every CHOICES that we choose, There's always a RISK; But always 
                            remember that there's also a chance - Kent Solatorio Lopez 
                        </div>
                        <figure class="user-image">
                            <img src="images/user.png" alt="">
                        </figure>
                    </div>
                </header>
                <section class="content clearfix">
                    <div class="page-content">
                        <div class="colored-sections">
                            <a href="#" class="section green">
                                <div class="details">
                                    <h3>My Stuff</h3>
                                    <p>
                                        Lorem ipsum dolor sit amet
                                        adipiscing elit
                                    </p>
                                </div>
                            </a>
                            <a href="#" class="section gray">
                                <div class="details">
                                    <h3>Evaluation</h3>
                                    <p>
                                        Lorem ipsum dolor sit amet
                                        adipiscing elit
                                    </p>
                                </div>
                            </a>
                            <a href="#" class="section red">
                                <span class="messages-count">17</span>
                                <div class="details">
                                    <h3>Inbox</h3>
                                    <p>
                                        Lorem ipsum dolor sit amet
                                        adipiscing elit
                                    </p>
                                </div>
                            </a>
                            <a href="#" class="section orange">
                                <div class="details">
                                    <h3>Moodle</h3>
                                    <p>
                                        Lorem ipsum dolor sit amet
                                        adipiscing elit
                                    </p>
                                </div>
                            </a>
                        </div>
                        <div class="clearfix content-area">
                            <aside class="left-col">
                                <nav>
                                    <ul>
                                        <li>
                                            <a href="#">Home</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)">Profile</a>
                                            <ul>
                                                <li>
                                                    <a href="#">Main Data</a>
                                                </li>
                                                <li class="current">
                                                    <a href="#">Contact Information</a>
                                                </li>
                                                <li>
                                                    <a href="#">Privacy Settings</a>
                                                </li>
                                                <li>
                                                    <a href="#">My Groups</a>
                                                </li>
                                                <li>
                                                    <a href="#">Researches</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)">Academics</a>
                                            <ul>
                                                <li>
                                                    <a href="#">Academic Information</a>
                                                </li>
                                                <li>
                                                    <a href="#">Result</a>
                                                </li>
                                                <li>
                                                    <a href="#">Early Registraion</a>
                                                </li>
                                                <li>
                                                    <a href="#">Alumni</a>
                                                </li>
                                                <li>
                                                    <a href="#">My Bill Payments</a>
                                                </li>
                                                <li>
                                                    <a href="#">My Attendance</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)">Activities</a>
                                            <ul>
                                                <li>
                                                    <a href="#">Messaging</a>
                                                </li>
                                                <li>
                                                    <a href="#">My Club</a>
                                                </li>
                                                <li>
                                                    <a href="#">E-Library</a>
                                                </li>
                                                <li>
                                                    <a href="#">Market Place</a>
                                                </li>
                                                <li>
                                                    <a href="#">Gallery</a>
                                                </li>
                                                <li>
                                                    <a href="#">FaceBook Gallery</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </nav>

                                <h3>
                                    Ask-me
                                    <span class="toggle-show"></span>
                                </h3>
                                <div class="ask hidden-box">
                                    <textarea></textarea>
                                    <input type="submit" value="Ask">
                                </div>
                            </aside>
                            <!-- main content -->
                            <article class="main-content">
                                <header>
                                    <h2>
                                        Evaluation
                                    </h2>
                                    <div class="section-title">Economics of Management</div>
                                </header>
                                <ul class="content-tabs clearfix academic-tabs">
                                    <li class="active"><a href="#">Course Evaluation</a></li>
                                    <li><a href="#">Staff Evaluation</a></li>
                                </ul>
                                
                                <div class="content-tabs-data clearfix">
                                	<div class="eval-bar clearfix">
                                    	<span class="label">Staff Member:</span>
                                        <span class="value">
                                            <a href="#">Staff Name</a>, 
                                            <a href="#" class="active">Staff Name</a>, 
                                            <a href="#">Staff Name</a>, 
                                            <a href="#">Staff Name</a>, 
                                            <a href="#">Staff Name</a>, 
                                            <a href="#">Staff Name</a>, 
                                            <a href="#">Staff Name</a>, 
                                            <a href="#">Staff Name</a> 
                                        </span>
                                    </div>
                                    <h4 class="eval-title">Staff Name Here</h4>
                                    
                                    <div class="eval-options">
                                    <select name="eval-list" id="eval-list" tabindex="1">
                                                <option value="">General Evaluation of Lecturer</option>
                                                <option value="">text here1</option>
                                                <option value="">text here2</option>
                                                <option value="">text here3</option>
                                            </select>
                                            </div>
                                <div class="eval-question clearfix">
                                	<span>1- Objectives were introduced of the beginning of the course and were clear</span>
                                </div>
                                <table width="40%" border="0" cellspacing="0" cellpadding="0" class="custom-radios">
                                  <tr>
                                    <td>
                                        <input type="radio" name="group1" checked disabled>
                                        <label>Strongly Agree</label>
                                   </td>
                                  </tr>
                                  <tr>
                                    <td>
                                    	<input type="radio" name="group1" disabled>
                                        <label>Agree</label>
	                                    
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                    	
	                                    <input type="radio" name="group1" disabled>
                                        <label>Neutral</label>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
	                                    <input type="radio" name="group1" disabled>
                                        <label>Disagree</label>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                    	<input type="radio" name="group1" disabled>
                                        <label>Strongly Disagree</label>
                                   </td>
                                  </tr>
                                </table>

                                <input type="text" class="eval-comment" placeholder="Write a Comment">
                                
                                <div class="eval-question clearfix">
                                	<span>1- Objectives were introduced of the beginning of the course and were clear</span>
                                </div>
                                <table width="50%" border="0" cellspacing="0" cellpadding="0" class="custom-radios">
                                  <tr>
                                    <td>
                                        <input type="radio" name="group2" disabled>
                                        <label>Strongly Agree</label>
                                   </td>
                                  </tr>
                                  <tr>
                                    <td>
                                    	<input type="radio" name="group2" checked disabled>
                                        <label>Agree</label>
	                                    
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                    	
	                                    <input type="radio" name="group2" disabled>
                                        <label>Neutral</label>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
	                                    <input type="radio" name="group2" disabled>
                                        <label>Disagree</label>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                    	<input type="radio" name="group2" disabled>
                                        <label>Strongly Disagree</label>
                                   </td>
                                  </tr>
                                </table>

                                <input type="text" class="eval-comment" placeholder="Write a Comment">
                                
                                <div class="eval-question clearfix">
                                	<span>1- Objectives were introduced of the beginning of the course and were clear</span>
                                </div>
                                <table width="50%" border="0" cellspacing="0" cellpadding="0" class="custom-radios">
                                  <tr>
                                    <td>
                                        <input type="radio" name="group2">
                                        <label>Strongly Agree</label>
                                   </td>
                                  </tr>
                                  <tr>
                                    <td>
                                    	<input type="radio" name="group2" checked>
                                        <label>Agree</label>
	                                    
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                    	
	                                    <input type="radio" name="group2" >
                                        <label>Neutral</label>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
	                                    <input type="radio" name="group2">
                                        <label>Disagree</label>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td>
                                    	<input type="radio" name="group2">
                                        <label>Strongly Disagree</label>
                                   </td>
                                  </tr>
                                </table>

                                <input type="text" class="eval-comment" placeholder="Write a Comment">
                                
                                
                                
                                
                                
                                
                                
                                
                                <div class="button eval-buttons">
                                	<input type="submit" value="Save">
                                    <input type="reset" value="Cancel">
                                </div>
                                </div>
                                
                            </article>
                        </div>
                    </div>
                </section>
            </div>
            <footer>
                <div class="footer-line"></div>
                Copyright © 2014[Future University in Egypt]. All rights reserved.
            </footer>
        </form>
        <script src="js/jquery-1.8.3.min.js"></script>
        <script src="js/jquery.easy-ticker.js"></script>
        <script src="js/jquery.selectbox-0.2.js"></script>
        <script src="js/main.js"></script>
        <script type="text/javascript">
            $(function() {
                $("#eval-list").selectbox();
            });
            
			$(".custom-radios label").click(function(){
				$(this).addClass('checked').parent('td').parent('tr').siblings().children('td').children('label').removeClass('checked')
				$(this).siblings('input[type=radio]').trigger('click');
				$('table tbody tr input[type=radio]').each(function(){
					if($(this).attr('checked')){
						$(this).siblings('label').addClass('checked');	
					}
					if($(this).attr('checked') == null){
						$(this).siblings('label').removeClass('checked');	
					}
				});		
				
			 });
			$('table tbody tr input[type=radio]').each(function(){
			 	if($(this).attr('checked')){
					$(this).siblings('label').addClass('checked');
				}
				if($(this).attr('disabled')){
					$(this).siblings('label').addClass('rDisabled');
				}
			});
			
			
			
			

        </script>
    </body>
</html>